<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.ajax4jsf.org/rich">

<body>
<f:view>
    <ui:composition template="../../template/template.xhtml">

    <ui:define name="conteudo">
            
            
    <a4j:form id="formIncluirTerapeuta" style="width: 50.1%; margin-left: 320px; border: 1px solid #B0C4DE; margin-top: -16px; margin-bottom: -16px;">
        	 <!-- 
        	 <a4j:loadScript src="/js/jquery-1.4.4.min.js"/>
			 <a4j:loadScript src="/js/funcao.js"/>
			 <a4j:loadScript src="/js/jquery.maskedinput-1.3.min.js"/>
			 <a4j:loadScript src="/js/mask_input.js"/>
        	  -->
       	<a4j:loadScript src="/js/jscripts.js"/>
		<a4j:loadScript src="/js/jquery.js"/>    
        
        <rich:messages style="margin-left:10px; COLOR: #ff0000; FONT-WEIGHT: bold;"></rich:messages>
        
        <br />
        
        <center>
        	<b>Incluir Terapeuta</b>
        </center>
        
        <br />
        <br />
        
         <div style="margin-left:96px !important;">
        
                <h:outputLabel value="Nome *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: 6px;"/>
                <h:inputText value="#{terapeutaBean.terapeutaDTO.noTerapeuta}" maxlength="80"/>
				
				<br />
				
				<h:panelGrid columns="4">
				
					<h:outputLabel value="CPF *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: 6px;"/>
					<h:inputText id="cpf" value="#{terapeutaBean.terapeutaDTO.deCpf}" styleClass="cpf"  style="margin-left: -4px;">
						<rich:jQuery selector="#cpf" query="mask('999.999.999-99')" timing="onload" />
	           		</h:inputText>
	            	         
					<h:outputLabel value="E-mail *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: 60px;"/>
					<h:inputText value="#{terapeutaBean.terapeutaDTO.deEmail}" maxlength="50"/>
				
					<h:outputLabel value="Endereço *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: -21px;"/>
					<h:inputText value="#{terapeutaBean.terapeutaDTO.deEndereco}" maxlength="150" style="margin-left: -4px;"/>
	            	         
					<h:outputLabel value="Bairro *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: 62px;"/>
					<h:inputText value="#{terapeutaBean.terapeutaDTO.deBairro}" maxlength="80"/>
				
					<h:outputLabel value="Municipio *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: -25px;"/>
					<h:inputText value="#{terapeutaBean.terapeutaDTO.deMunicipio}" maxlength="80" style="margin-left: -4px;"/>
	            	         
					<h:outputLabel value="UF *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: 82px;"/>
					<h:selectOneMenu value="#{terapeutaBean.terapeutaDTO.sgUf}" >
						<f:selectItem itemLabel="Selecione" itemValue=""/>
						<f:selectItems value="#{terapeutaBean.ufs}"/>
					</h:selectOneMenu>
				
				</h:panelGrid>
					
					<h:outputLabel value="CEP" style="FONT-WEIGHT: bold; margin-right: 12px; margin-left: 24px;"/>
					<h:inputText id="cep" value="#{terapeutaBean.terapeutaDTO.deCep}" styleClass="cep" style="margin-left: 4px;">
						<rich:jQuery selector="#cep" query="mask('99999-999')" timing="onload" />
	           		</h:inputText>
	            
	            <h:panelGrid columns="4">
				
					<h:outputLabel value="Fone Residencial *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: -73px;"/>
	           		<h:inputText id="foneResidencial" value="#{terapeutaBean.terapeutaDTO.deFoneResidencial}" styleClass="telefone" style="margin-left: -15px;">
	           			<rich:jQuery selector="#foneResidencial" query="mask('(99)9999-9999')" timing="onload" />
	           		</h:inputText>
	            	         
					<h:outputLabel value="Fone Celular *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: 19px;"/>
					<h:inputText id="foneCelular" value="#{terapeutaBean.terapeutaDTO.deFoneCelular}" styleClass="telefone">
						<rich:jQuery selector="#foneCelular" query="mask('(99)9999-9999')" timing="onload" />
					</h:inputText>
					
					<h:outputLabel value="RG *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: 17px;"/>
	           		<h:inputText value="#{terapeutaBean.terapeutaDTO.deRg}" maxlength="20" style="margin-left: -15px;"/>
	            	         
					<h:outputLabel value="Especialidade *" style="FONT-WEIGHT: bold; margin-right: 10px; margin-left: 13px;"/>
					
					<h:selectManyCheckbox layout="pageDirection"  value="#{terapeutaBean.especialidadesIDs}" >
							<f:selectItems value="#{terapeutaBean.especialidades}"/>
					</h:selectManyCheckbox>
					
				</h:panelGrid>	
           	
            
            <br />
            <br />
			
			</div>
			
			<center>
	            <a4j:commandButton action="#{terapeutaBean.executarIncluir}" value="Incluir"/>  
	            <a4j:commandButton action="#{terapeutaBean.carregarInicio}" value="Cancelar"/>
	            <a4j:commandButton id="bl" action="#{terapeutaBean.limparCampos}" value="Limpar" reRender="formIncluirTerapeuta"/>
			</center>
                        
            
             <a4j:keepAlive beanName="terapeutaBean"/>
             
             <br />
             <br />
             
    	</a4j:form>
	</ui:define>
</ui:composition>
</f:view>
</body>
</html>